<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        ul {
            display: flex;
            flex-wrap: wrap;

        }
    </style>
</head>

<body>
    <div class="box">
        <ul>

        </ul>
    </div>
    <script>
        var box = document.querySelector(".box");
        var ul = document.querySelector("ul")
        function jsonpMore2Goods(result) {
            var { data } = result;
            var html = ``
            data.forEach(({ t, jp, op, img, target_url }) => {


                html += `
                <li><a href="">
                    <img src="https://img11.360buyimg.com/seckillcms/s400x400_${img}" alt="">
                    <h4>${t}</h4>
                    < p>${jp}</>
                    <p>${op}</p>
                    </a></li>

                    `


            })
            ul.innerHTML = html

        }
        // forEach()

    </script>
    <script
        src=" https://floor.jd.com/user-v20/feed/get?page=1&pagesize=25&area=17_2980_0_0&source=pc-home&callback=jsonpMore2Goods&_=1617178788120"></script>
</body>

</html>